﻿@{ViewBag.Title = "Create";}
@section header{ 
    <script data-main="Scripts/Geo/main" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.6/require.min.js" type="text/javascript"></script>
    <style>
        .ratio4x3 {/*width: 100%;height: 0;padding-bottom: 75%;*/border: 1px solid gray;width: 400px;height: 300px;}
        input[type=text] {width: 100%;box-sizing: border-box;height: 28px; }
    </style>}
@section script{
    <script>
    </script>}
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span4">
                <div class="well sidebar-nav">
                    <ul class="nav nav-list">
                        <li class="nav-header">Localization</li>
                        <li><input id="inputSource" type="text" class="input-block-level"></li>
                        <li><input id="inputTarget" type="text" class="input-block-level"></li>
                        <li class="nav-header"><span>Tracking</span></li>
                        <li><span id='start' class="icon-youtube-play"> Start</span></li>
                        <li class="nav-header">Track</li>
                        <li><span>Validate</span></li>
                    </ul>
                </div>
            </div>
            <div class="span8">
                <div id="map" class="ratio4x3"></div>
            </div> 
        </div>
    </div>

